<nz-drawer
  [nzBodyStyle]="{ overflow: 'auto' }"
  [nzClosable]="true"
  [nzVisible]="visible"
  [nzMaskClosable]="false"
  nzPlacement="right"
  nzTitle="修改表名"
  [nzWidth]="500"
  [nzFooter]="footerTpl"
  (nzOnClose)="close()"
>
<ng-container *nzDrawerContent>
    <form nz-form [formGroup]="tableForm">
        <nz-form-item>
          <nz-form-label [nzXs]="24" [nzSm]="6">表名</nz-form-label>
          <nz-form-control [nzXs]="24" [nzSm]="14">
    
            <input type="text" nz-input formControlName="name" placeholder="请输入表名" />
          </nz-form-control>
        </nz-form-item>
      </form>
</ng-container>

  <ng-template #footerTpl>
    <div style="float: right">
      <button nz-button style="margin-right: 8px" (click)="close()">
        取消
      </button>
      <button nz-button nzType="primary" (click)="submitForm()">确认</button>
    </div>
  </ng-template>
</nz-drawer>
